<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>驾驶员能耗信息</title>
<script>
	var requireExtraPaths = {
		extrance : '../../../report_js/drvAnalysis/drvAnaEnergyInfo',
	    reportCommon : '../../../report_js/reportCommon/reportCommon'
	};
</script>
<jsp:include flush="true" page="../../base/base.jsp"></jsp:include>
<style>
	
.data-num2 .item .item-panel a + a,
.data-num2 .item .item-panel a {
	height: 31px;
	line-height: 31px;
	font-size: 13px;
	
}
.data-num2 .item .item-panel {
	height: 92px;
	overflow: hidden;
	background-color: #f2f2f2;
	
}
.data-num2 .item .item-panel a.active {
	background-color: #F9F9F9;
}
 
</style>
</head>
<body>
	<article class="site-col-extra overflow-a">
		<div class="filter-layout clearfix">
			 <div class="filter-bar">
				<div class="time-select">
					<a class="active" val="02">昨天</a> <a val="03">近7天</a> <a val="04">本月</a> <a val="05">上月</a><a val="06">今年</a> <a val="07">去年</a>
				</div>
				 <div class="tab-panel3">
					 <a class="active" val="oil">油</a>
					 <a val="gas">气</a>
					 <a val="ele">电</a>
				 </div>
			</div> 
		</div>
		<div class="data-num data-num2 clearfix ml20">
			<div class="item" style="width:215px">
				<div class="item-box">
					<div class="ct-shadow">
						<h4>总能耗</h4>
						<p id="totalEnerTmp"></p>
						<span id="totalEnerOilPer"></span>
						<%--<div class="item-panel">--%>
							<%--<a class="active" val="oil">油</a>--%>
							<%--<a val="ele">电</a>--%>
							<%--<a val="gas">气</a>--%>
						<%--</div>--%>
					</div>
				</div>
			</div>
			<div class="item">
				<div class="item-box">
					<div class="ct-shadow">
						<h4>百公里能耗</h4>
						<p id="hundKmEnerTmp"></p>
						<span id="totalEnerHundKmPer"></span>
					</div>
				</div>
			</div>
			<div class="item">
				<div class="item-box">
					<div class="ct-shadow">
						<h4>能耗排名</h4>
						<p id="enerRank"></p>
						<span id="totalEnerRankPer"></span>
					</div>
				</div>
			</div>
		</div>
		<div class="statistics-chart clearfix">
			<div class="item-wrap">
				<div class="item-wrap-inner">
					<div class="item">
						<div class="title-bar">驾驶员百公里能耗趋势</div>
						<div class="chart-inner" id="carHundKmEnerTrend" style="height: 309px">
						</div>
					</div>
				</div>
			</div>
			<div class="item-wrap">
				<div class="item-wrap-inner">
					<div class="item">
						<div class="title-bar">驾驶员里程趋势</div>
						<div class="chart-inner" id="carMileTrend" style="height: 309px">
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="statistics-chart clearfix">
			<div class="item-wrap">
				<div class="item-wrap-inner">
					<div class="item">
						<div class="title-bar">能耗排名</div>
						<table class="table-style6" id="trHtml" width="100%">
						</table>
					</div>
				</div>
			</div>
			<div class="item-wrap">
				<div class="item-wrap-inner">
					<div class="item">
						<div class="title-bar">转速分析比例图</div>
						<table class="table-style6" id="speedAnalysis" style="height: 309px">
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="blank15"></div> 
	</article>
</body>
</html>